<template>
	<div id="noSignal">
		<div class="head">
			<span class="title">无信号</span>
		</div>
		<div class="content">
			<img src="../../assets/img/cat-nosignal.png"/>
			<span class="text">宫里网络不好了</span>
			<input type="button" class="shuaxin" value="刷新"/>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped" lang="less">
	#noSignal{
		.head{
			height: 0.88rem;
			background: #C30D23;
			position: relative;
			.title{
				font-size: 0.2rem;
				font-weight: bold;
				color: #FAFAFA;
				position: absolute;
				top: 0.5rem;
				left: 1.58rem;
			}
		}
		.content{
			display: flex;
			flex-direction: column;
			img{
				width: 2.21rem;
				height: 2.21rem;
				margin: 1.04rem 0 0 0.71rem;
			}
			.text{
				font-size: 0.16rem;
				margin: 0.02rem 0 0 1.32rem;
			}
			.shuaxin{
				width: 1rem;
				height: 0.41rem;
				background: #C91328;
				border-radius: 0.02rem;;
				font-size: 0.16rem;
				color: #FFFCFC;
				margin: 0.19rem 0 0 1.38rem;
				border: none;
			}
		}
	}
</style>
